
(function($){
	$.fn.EChartsBar=function(option){
	var myChart= echarts.init(this[0], 'macarons');
			myChart.showLoading({
				text: '正在努力的读取数据中...', //loading
			});
	var  deftion={
			'text':'',//图表名称
			'Url':'',//图表Url地址
			'align':'center',//标题位置：居左：left,center:居中，right:居右
			"color":"#5cb85c",//区域颜色
			"name":"",//数据名称
			"barwidth":50,//柱状图宽度	
			"spline":false,//是否显示网格-true为显示--flase为隐藏
			"yline":true,//是否显示y轴
	};
	$.extend(true,deftion, option);
	$.ajax({
		type:"get",
		url:deftion.Url,
		async:true,
		success:function(row){
		myChart.setOption({
       	 xAxis: {
            data:row.xAxis 
        },
     	series:[{
            name: deftion.name,
            data: row.data
        	}]
        });
		}
	});
	var option={			
			title: {
                text:deftion.text,
                x:deftion.align
            },
            tooltip: {},
            xAxis: {
                data:[] 
            },
            yAxis: {
            	axisLine:{
            		show:deftion.yline
            	},
            	 splitLine:{ 
                      show:deftion.spline
              },
              splitNumber:1
            },
            series: [{
                type: 'bar',
                barWidth:deftion.barwidth,
                itemStyle:{
                	normal:{
              		color:deftion.color,
//              		color: function(params) {
//                          var colorList =[
//                            '#C1232B','#B5C334','#FCCE10','#E87C25','#27727B',
//                             '#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD',
//                             '#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0'
//                          ];
//                         
//                          return colorList[params.dataIndex]
//                      },
                        label: {
                            show: true,
                            position: 'top',
                          	formatter: '{c}'
                        }
                	}
                },
                data: []
            }]
		};
		
		
		myChart.hideLoading();
			// 使用刚指定的配置项和数据显示图表。
		myChart.setOption(option,true);
		
		
}
	
	
})(jQuery)
